<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CALCETtiAMO Calcetto, organizza e gestisci le tue partite di calcio a 5</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/ui/jquery.ui.all.css">

	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">	
	
	<meta content="organizzare partite di calcetto, organizzazione partite di calcio a 5,calcio a 5, partite di calcetto, partite di calcio a 7, campi calcetto, campi calcio a 7, tornei, organizzare partite" name="keywords">
	<meta content="Calcettiamo, il soccer social network che ti permette di gestire, organizzare  o partecipare a partite di calcetto, calcio, con possibilità di commentare il post partita e votare le prestazioni dei compagni." name="description">
	
	<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>	
	<script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="js/Helvetica_Neue_900.font.js" type="text/javascript"></script>
	<script type="text/javascript">	
		Cufon.replace('.cufon', {
			textShadow: '3px 3px rgba(0, 0, 0, 0.2), -3px -3px rgba(0, 0, 0, 0.3)',
			color: '#fff', hover: { textShadow: '3px 3px rgba(253, 199, 3, 0.3), -3px -3px rgba(253, 199, 3, 0.3)' }
		});

		Cufon.replace('.titolo');		
	</script>

	
	<script src="js/ui/jquery.ui.tabs.js"></script>	
	<script>
	$(function() {
		$( "#tabs" ).tabs();
	});
	</script>
	
	
<!-- jScrollPane -->
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="js/jscrollpane/jquery.jscrollpane.min.js"></script>	
<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="js/jscrollpane/jquery.mousewheel.js"></script>

<script type="text/javascript">
	$(function()
	{
		$('.scroll-pane').jScrollPane();
	});
</script>
	
	<!-- CHECKBOX STILIZZATO -->
	<link rel="stylesheet" href="css/custom-check.css" media="screen" />	
	<script type="text/javascript" src="js/customInput.jquery.js"></script>
	<script type="text/javascript">
	// Run the script on DOM ready:
	$(function(){
		$('input').customInput();
	});
	</script>
	
</head>

<body class="squadra">

<div id="top">
	<div class="inner">	
		<div class="colsx">
			<a id="logo" href="#"></a>			
		</div>
		
		<div class="coldx">	
		
			<div class="topmenu">
			  <ul class="main-nav">
				<li><a href="#">Profilo</a></li>
				<li><a href="#">Squadre</a></li>
				<li><a href="#">Giocatori</a></li>
				<li><a href="#">Partite</a></li>
			  </ul>			
			</div>
						
			<div class="profilepanel">
				<a href="#" class="uiButton btgrigio"><i class="imp"></i><span class="uiButtonText">Modifica profilo</span></a>
				<a href="#" class="uiButton btgrigio"><i class="msg"></i><span class="uiButtonText">Invia messaggio</span></a>
				<a href="#" class="uiButton btverde"><i class="amici"></i><span class="uiButtonText">Aggiungi agli amici</span></a>
				<a href="#" class="uiButton btgrigio"><i class="convoca"></i><span class="uiButtonText">Convoca</span></a>
			</div>
		</div>
	</div>
</div>

<div id="content">
	<div class="inner">
			<!-- COLONNA SINISTRA -->	
			<div class="grid_6">
				<div class="block"> 
				  <div class="grid_5">
					<div class="profile-info">
						<div class="profile-image-container">
							<a href="#"><img alt="" width="90%" src="images/profilo.jpg"></a>
						</div>
					</div>
				  </div>
				 
				 <div class="grid_7">
					<div class="profile-info">
					  <div class="profile-details">
						<h2 class="titolo">Club Atletico Jouer</h2>

						<ul class="user-stats">
							<li><span>Presidente</span><a href="#">Paolo Nespoli</a></li>
							<li><span>Membri</span>10</li>
							<li><span>Città</span>Bari</li>	
							<li><span>Contatto</span>+39 3473355666</li>								
						</ul>
						
						<ul class="user-match">
							<li>131<span class="user-stats-stat">Giocate</span></li>
							<li>65 <span class="user-stats-stat">Vinte</span></li>
							<li>27.6 <span class="user-stats-stat">Età media</span></li>
						</ul>
					  </div>
					</div>
				  </div>
				</div>

				<div class="block">
					<h3 class="titolo">Membri Squadra</h3>
					<ul class="user-stats">
							<li><span>Presidente</span>Paolo Nespoli</li>
							<li><span>Membri</span>10</li>
							<li><span>Città</span>Bari</li>	
							<li><span>Contatto</span>+39 3473355666</li>								
					</ul>
				</div>
				
			</div>
			<!-- fine COLONNA SINISTRA -->
			
			<!-- COLONNA DESTRA -->
			<div class="grid_6">				
				<div class="block">
					<h3 class="titolo">Partite della Squadra</h3>	
					
					<div id="tabs">
						<ul>
							<li><a href="#tabs-1">Giocate</a></li>
							<li><a href="#tabs-2">In calendario</a></li>
						</ul>
						<div id="tabs-1">
							<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
						</div>
						<div id="tabs-2">
							<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis.</p>
						</div>
					</div>						
				</div>	
				
				<div class="block">
					<h3 class="titolo">Bacheca</h3>	
					<div class="scroll-pane">
					<div class="commentContainer">
						<div class="commentControl">
							<div class="smartEdit">Invia un commento...</div>
						</div>
						<ul class="commentList">
							<li>
								<a href="#" class="msProfileLink profile-image-container"><img alt="" src="images/profilo-small.jpg"></a>
								<div class="userComment">
									<a class="msProfileTextLink" href="#">Paolo Nespoli</a> 
									<p>RandomText is a tool designers and developers can use to quickly grab dummy text in either Lorem Ipsum.</p>
									<span class="datePosted">3 anni fa</span>		
								</div>
							</li>
							<li>
								<a href="#" class="msProfileLink profile-image-container"><img alt="" src="images/profilo-small.jpg"></a>
								<div class="userComment">
									<a class="msProfileTextLink" href="#">Paolo Nespoli</a> 
									<p>RandomText is a tool designers and developers can use to quickly grab dummy text in either Lorem Ipsum.</p>
									<span class="datePosted">3 anni fa</span>		
								</div>
							</li>
							<li>
								<a href="#" class="msProfileLink profile-image-container"><img alt="" src="images/profilo-small.jpg"></a>
								<div class="userComment">
									<a class="msProfileTextLink" href="#">Paolo Nespoli</a> 
									<p>RandomText is a tool designers and developers can use to quickly grab dummy text in either Lorem Ipsum.</p>
									<span class="datePosted">3 anni fa</span>		
								</div>
							</li>
							<li>
								<a href="#" class="msProfileLink profile-image-container"><img alt="" src="images/profilo-small.jpg"></a>
								<div class="userComment">
									<a class="msProfileTextLink" href="#">Paolo Nespoli</a> 
									<p>RandomText is a tool designers and developers can use to quickly grab dummy text in either Lorem Ipsum.</p>
									<span class="datePosted">3 anni fa</span>		
								</div>
							</li>							
						</ul>
					</div>	
					</div>
				</div>					
			</div>			
			<!-- fine COLONNA DESTRA -->			
			
	</div>
</div>

<div id="main">
	<div class="inner">
		<div class="box">
		</div>
		
		<div class="box">
		  <div class="text-widget">
			<p>Partecipa alla partita, rispondi alle convocazioni, unisciti al team dei tuoi amici di sempre.</p>
			<p>Vuoi giocare ma non ha una squadra? Proponiti anche a chi non conosci: può essere l'occasione giusta per farti nuovi amici.</p>
			<p>Accetta le convocazioni nel tuo profilo oppure consulta la bacheca delle <b><a href="#">PARTITE IN PROGRAMMA</a></b> e dai la tua disponibilità.</p>
		  </div>
		</div>
		
		<div class="box">
		  <div class="text-widget">
			<p>Vuoi creare una squadra di fenomeni? Sei alla ricerca di un bomber o di un difensore arcigno? Stai cercando un rimpiazzo a poche ore dal match?</p>
			<p>Con Calcettiamo hai un mare di alternative. Grazie al suo motore di ricerca interno puoi trovare calciatori per ruolo, skills, zona e giorni di disponibilità.</p>			
			<p>Non ti resta che iniziare la <b><a href="#">RICERCA</a></b>.</p>
		  </div>
		</div>
	</div>
</div>

<div id="footer">
  <div class="inner">
		<a class="fb" target="_blank" href="#"><img alt="Facebook PROFILE" src="images/face.png"></a> 
		<div id="copyright">2011-2015 &copy; Calcettiamo</div>
		<ul class="footer-nav">
			<li><a href="#">Chi Siamo</a></li>
			<li><a href="#">Come funziona</a></li>
			<li><a href="#">Privacy</a></li>
			<li><a href="#">Termini e condizioni</a></li>
			<li><a href="#">Domande frequenti</a></li>
			<li><a href="#">Blog</a></li>
		</ul>
  </div>
</div>   
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>